import React, { memo } from 'react';
import { Spin } from 'antd';
import styles from './index.less';
import { TalentInfoHead } from '../index';

const InterviewerInfo = memo(({ dataSource = [], loading, settings = {}, ...rest }) => {
    const { infoCard = 1 } = settings;
    // const { dutyName, rankValue, organizationName } = dataSource;
    console.log('===============================================>dataSource', dataSource, rest);
    return (
        <div className={styles.interInfo}>
            <Spin spinning={loading}>
                {infoCard ? <TalentInfoHead talent={dataSource} /> : null}
                {/* {infoMess ? (
                    <div className={styles.interMess} {...rest}>
                        <Row gutter={[40, 15]}>
                            <Col span={12}>
                                <span className={styles.labels}>应聘岗位：</span>
                                <span className={styles.values}>{dutyName}</span>
                            </Col>
                            <Col span={12}>
                                <span className={styles.labels}>职级：</span>
                                <span className={styles.values}>{rankValue}</span>
                            </Col>
                            <Col span={12}>
                                <span className={styles.labels}>需求部门：</span>
                                <span className={styles.values}>{organizationName}</span>
                            </Col>
                        </Row>
                    </div>
                ) : null} */}
            </Spin>
        </div>
    );
});

export default InterviewerInfo;
